<div id="profile-selection">
    <div id="sign-up-block">
        <h3 class="yellow-bg-title" id="sign-up-title">Don't have a DocPlus account?</h3>
        <div id="member-block">
            <div class="membership-type"><button id="sign-up-member" class="blue-button-30" type="submit">Member</button></div>
            <ul>
                <li>Enjoy getting unlimited answers to your health questions from RSA medical experts</li>
                <li>Stay informed of your well being needs</li>
                <li>Get connected with your favorite doctors</li>
                <li>Compare different doctors' answers</li>
                <li>It's entirely free!</li>
            </ul>
        </div>
        <div id="medical-expert-block">
            <div class="membership-type"><button id="sign-up-expert" class="blue-button-30" type="submit">Expert</button></div>
            <ul>
                <li>Attract new members</li>
                <li>Earn a good reputation</li>
                <li>Maintain a detailed online public profile</li>
                <li>Generously help your community</li>
                <li>It's entirely free!</li>
            </ul>
        </div>
    </div>
    <div id="sign-in-block-modal"></div>
    <div id="reset-password-block-modal" class="hide"></div>
</div>
<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function(){
        $('#sign-up-member').click(function(){
            doRegister('member');
        });
        
        $('#sign-up-expert').click(function(){
            doRegister('doctor');
        });
        
        // load the sign in block
        $('#sign-in-block-modal').load("/profile-sign-in-modal");

        // load the reset password block
        $('#reset-password-block-modal').load("/profile-reset-password-modal");
    });
    //]]>
</script>